var ShareView = function() {
	var self = this;
	
	this.init = function(data) {
		// console.log("[ShareView] creating data", data);
		$body.removeClass('add-constellation');
		$("#social-buttons").empty()

	    var tweet = $('<a>')
	        .attr('href', "https://twitter.com/share")
	        .attr('id', "tweet")
	        .attr('class', "twitter-share-button")
	        .attr('data-related', 'earthhour')
	        .attr('data-lang', "en")
	        .attr('data-size', "small")
	        .attr('data-count', "none")
	        .attr('data-hashtags', "earthhour")
	        .attr('data-text', "I've just created the "+data.name +" constellation. Want to make your own mark on the universe?")
	        .attr('data-url', data.url)
	        .text('Tweet');
	    $("#social-buttons").append(tweet);


	    twttr.widgets.load();
	    // $("#social-buttons").append($('<p/>'))
	    var fb = $('<a>')
	        .attr('data-type', "button")
	        .attr('class', "fb-share-button")
	        .attr('data-href', data.url)
	    $("#social-buttons").append(fb);
	    FB.XFBML.parse();
	    // $("#social-buttons").append($('<p/>'))

	    var plus = $('<a>')
	        .attr('data-type', "button")
	        .attr('data-action', "share")
	        .attr('data-annotation', "none")
	        .attr('data-height', "22")
	        .attr('class', "g-plus")
	        .attr('data-href', data.url)
	    $("#social-buttons").append(plus);
	    gapi.plus.go();

	}

	// this.show = function() {
	//     $("#social-buttons").show();
	// }

	// this.hide = function() {
	//     $("#social-buttons").hide();
	// }


    return this

}
